@CHARSET "UTF-8";

body{
	margin: 0px auto;
	width: 1000px;
	border: 1px solid #FFFFFF;
}

a:LINK, a:HOVER, a:VISITED{
	text-decoration:none;
	color: blue;
}

.qtextbox{
	border: 1px solid #005EAC;
}

.qbutton{
	border-top: 1px solid #2484C6;
	border-left: 1px solid #2484C6;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	background-color: #005EAC;
	color: white;
}

.qselect{
	border: 1px solid #005EAC;
}

.infoMsgBox{
	background-color:#FFF9D7;
	border:1px solid #E2C822;
	margin:10px 0;
	padding:10px;
	text-align:center;
}

.errorMsgBox{
	background-color:#FFD2D2;
	border:1px solid #ff0033;
	margin:10px 0;
	padding:10px;
	text-align:center;
}

.none{
	clear: both;
}

#toploginbar{
	background-color: #2484C6;
	border: 1px solid #2484C6;
	padding: 0px;
	height: 30px;
	width: 998px;
	display: table-cell;
	vertical-align: middle;
}

#toploginbar #userName, #toploginbar #passWord{
	width: 150px;
}

#toploginbar label{
	color: blue;
}

#toploginbar a{
	background-color: #2484C6;
	margin: 0px 10px;
	padding: 3px 5px;
}
#toploginbar a:HOVER{
	background-color: #005EAC;
	margin: 0px 10px;
	padding: 3px 5px;
}

.group_nav{
	background-color: #F0FAFF;
	border: 1px solid red;
	margin: 10px;
	padding: 3px 5px;
}

.group_nav span{
	padding: 2px 0px;
	margin: 0px 3px;
}

.group_nav a{
	padding: 2px 8px;
	margin: 0px;
}

.group_nav a:HOVER{
	color: white;
	background-color: #2484C6;
}

.selectedGroup a{
	font-weight: bold;
	color: white;
	background-color: #2484C6;
}


.pager{
	padding: 3px 50px;
	text-align: right;
}

.pager a{
	padding: 0px 5px;
}

.pager_head a:HOVER, .pager_tail a:HOVER, .pager_next a:HOVER, .pager_per a:HOVER, .pager_num a:HOVER{
	color: white;
	background-color: #005EAC;
}

.pager_cur{
	padding: 0px 5px;
	color: blue;
	font-weight: bold;
	font-size: large;
}

.box-content{
	padding:5px 10px;
	}

.box-button{
	font-size:14px;
	font-weight:bolder;
	padding-right:10px;
	text-align:right;
	border:2px sold red;
	}
.leftpanel{
	margin: 0px auto;
	width: 700px;
	border: 1px solid red;
	margin: 0px 0px 0px 0px;
	float:left;
	}
.rightpanel{
	width:250px;
	border: 1px solid red;
	margin: 0px 0px 0px 0px;
	float:right;
	}
.bottompanel{
	padding: 10px;
	clear: both;
	text-align: center;
}
.bottompanel div{
	padding: 10px;
	margin: 10px;
	border-top: 1px solid blue;
}
	
.questionnaire-list{
  background: no-repeat scroll 6px center #F0FAFF;
  border:1px solid #CEE1EE;
}
	
.questionnaire-list li {
padding:0 10px 9px;
vertical-align:top;
}

.questionnaire-list h1 span{
	float: right;
	font-size: small;
}

.clearfix  {
display:block;
}

.left{
	float:left;
}

.right{
	float:right;
}
.common-table  {
border-collapse:collapse;
color:#666666;
}
.common-table th, .common-table td {
border:1px solid #E3EEF8;
padding:10px;
}
.common-table th {
background:none repeat scroll 0 0 #F3FAFF;
font-weight:normal;
text-align:center;
}


.question-list{
	float:left;
	margin-right:33px;
	width:290px;
}
.question-title{
	background: no-repeat scroll 6px center #F0FAFF;
	height:40px;
	margin-botton:10px;
	padding-left:20px;
	border: 1px solid red;
}

h1 {
font-size:16px;
color:#005EAC;
}


.replies {
background-color:#F0F5F8;
background-repeat:no-repeat;
border-bottom:1px solid #E6EFF7;
margin-bottom:2px;
padding:6px;
}


.commentList{
background:none repeat scroll 0 0 #F3FAFF;
padding:6px 0 0;
overflow:hidden;
width:700px;
}


.commentItem {
background-color:#F3FAFF;
border-bottom:1px solid #E6EFF7;
clear:both;
color:#333333;
line-height:1.2em;
padding:6px;
position:relative;
}


.from_user_id
	{
	font-size:16px;
    color:#005EAC;
	}
	
.time {
font-size:10px;
margin:0 5px;
color:#888888
}

.reply
{
	 
	 background-color:#F3FAFF;
}